{% extends "base.html" %}


{% block content %}
<div id="status_update_box">
    <form action="/cashier/checked/1" class="status-update-form" id="status_update_form" method="get">
    <fieldset class="common-form standard-form">
        <div class="bar">
            <h3><label for="status" class="doing">Cashier</label></h3>
            <!--
            <span id="chars_left_notice" class="numeric">
                <strong style="color: rgb(204, 204, 204);" id="status-field-char-counter" class="char-counter">140</strong>
            </span>
            -->
        </div>
        <div class="info">
            <input type="text" style="font-size:40px; height:60px;" value="รวม 200 บาทถ้วน"/>
            <!--<textarea name="status" autocomplete="off" tabindex="1" style="font-size:70px;" ></textarea>-->
            <div class="status-btn">
                <input value="Check" id="update-submit" class="status-btn round-btn" tabindex="2" type="submit">
            </div>
        </div>
    </fieldset>
    </form>
</div>


<div class="section">
    <div class="bar">
        <h3><label for="status" class="doing">Ordered List</label></h3>
    </div>
    <div id="results_update" class="minor-notification" style="display: none;"></div>
        <ol class="statuses" id="timeline">
          {% for item in orders %}
            <li class="hentry">
            <span class="thumb"><a href="/finished/{{ item.id }}"><img class="photo" src="/site_media/images/avartar.jpg" height="48" width="48"></a></span>
            <span class="status-body"><strong><a href="/finished/{{ item.id }}" class="screen-name" title="">{{ item.icecream.name }}</a></strong>
                    <span class="entry-content">with {% for scoop in item.scoops.all %}{{ scoop }} {% endfor %}</span>
                    <span class="meta entry-meta"><span class="published">
                                {{ item.order.order_time|timesince }} ago
                    </span> <span>from Table {{ item.table }}</span>
                </span>

                <span class="actions"><div><a class="fav-action non-fav" title="favorite this item">&nbsp;&nbsp;</a><a class="reply" href="" title="finished">&nbsp;&nbsp;</a>
            </div></span>
            </li>
          {% endfor %}
        </ol>
    </div>
</div>
{% endblock %}

{% block stat_orders %}{{ stat_orders }}{% endblock%}
{% block stat_customers %}{{ stat_customers }}{% endblock%}
{% block stat_incomes %}{{ stat_incomes }}{% endblock%}

{% block table_lists %}
<ul id="primary_nav" class="sidebar-menu">
    <li class="active"><a href="http://twitter.com/" accesskey="h" class="in-page-link"><span>Home</span></a></li>
    {% for table in table_lists %}
    <li><a href="/cashier/{{ table.id }}/" class="in-page-link"><span>Table {{ table }}</span></a></li>
    {% endfor %}
</ul>
{% endblock %}
